<script setup>
// #region 引入包, 函数和组件
import { ref } from "vue";
// #endregion

// #region // 使用模块(仓库、路由、父组件参数函数)

// #endregion

// #region // 变量

// #endregion

// #region // 函数

// #endregion

// #region // 生命周期和vue函数

// #endregion
</script>

<template>
  <div class="capital">
    <div class="tabs">
      <router-link to="/admin/form">资金组成</router-link>
      <router-link to="/admin/flowTo">资金流向</router-link>
      <router-link to="/admin/source">资金来源</router-link>
    </div>
    <div class="con">
      <router-view></router-view>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.capital {
  display: flex;
  width: 100%;
  height: 100%;
}

.tabs {
  width: 150px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  a {
    color: #5e759b;
    height: 24px;
    border-right: 4px solid transparent;
    padding-left: 20px;
    margin: 20px 0;
    line-height: 24px;
  }
  .router-link-active {
    color: #fff;
    border-right-color: #1489f9;
  }
}
.con {
  padding: 20px;
  flex: 1;
}
</style>
